<template>
	<div class="mobile_wrap">
		<bindPhone v-if="!verifyTrue" :verifyTrue="true" @verifyClick="verifyClick"> </bindPhone>
		<confirmPassWord v-else :formData="formData1" type="mobile"></confirmPassWord>
	</div>
</template>
<script setup>
import { ref } from 'vue';
import bindPhone from '../../bindPhone/index.vue';
import confirmPassWord from './confirmPassWord.vue';
import { changePassword, verifyTrue } from '../../commonHooks';

const formData1 = ref();

const verifyClick = (formData) => {
	formData1.value = formData;
	const params = {
		modify_type: 2,
		...formData1.value,
	};
	changePassword(params, 1, 'mobile');
};
</script>

<style lang="scss" scoped>
.mobile_wrap {
	height: calc(100vh - 210px);
	&:deep(.bind_container) {
		height: 100%;
		.submit_wrap {
			margin-left: -16px;
			margin-bottom:0px !important
		}
	}
}
</style>
